<template>
	<view class="container">
		<storeskeleton v-if="loading"></storeskeleton>
		<block v-else>
			<view class="search-container">
				<view class="topsearch flex-y-center">
					<view class="f1 flex-y-center">
						<image class="img" src="/static/images/search_ico.png"></image>
						<input v-model="keyword" placeholder="搜索你感兴趣的租赁方"
							placeholder-style="font-size:24rpx;color:#C2C2C2" confirm-type="search"
							@confirm="search"></input>
					</view>
				</view>
				<view class="search-navbar">
					<view @tap.stop="sortClick" class="search-navbar-item" data-field="juli" data-order="asc">距离最近
					</view>
					<!-- 	<view @tap.stop="sortClick" class="search-navbar-item" data-field="comment_score" data-order="desc">
						评分排序</view>
					<view @tap.stop="sortClick" class="search-navbar-item" data-field="sales"
						:data-order="order=='asc'?'desc':'asc'">
						<text>{{showviewnum ? '浏览排序': '租量排序'}}</text>
						<text class="iconfont iconshangla"></text>
						<text class="iconfont icondaoxu"></text>
					</view> -->
					<!-- <view class="search-navbar-item flex-x-center flex-y-center" @click.stop="showDrawer('showRight')">筛选 <text :class="'iconfont iconshaixuan ' + (showfilter?'active':'')"></text></view> -->
				</view>
			</view>
			<!-- <uni-drawer ref="showRight" mode="right" @change="change($event,'showRight')" :width="280">
				<view class="filter-scroll-view">
					<scroll-view class="filter-scroll-view-box" scroll-y="true">
						<view class="search-filter">
							<view class="filter-title">筛选</view>
							<view class="filter-content-title">租赁方分类</view>
							<view class="search-filter-content">
								<view class="filter-item" @tap.stop="cateClick" :data-cid="oldcid">全部</view>
								<block v-for="(item, index) in clist" :key="index">
									<view class="filter-item" @tap.stop="cateClick" :data-cid="item.id">{{item.name}}
									</view>
								</block>
							</view>
							<view class="search-filter-btn">
								<view class="btn" @tap="filterReset">重置</view>
								<view class="btn2" @tap="filterConfirm">确定</view>
							</view>
						</view>
					</scroll-view>
				</view>
			</uni-drawer> -->

			<view class="ind_business">
				<view class="ind_buslist" id="datalist">
					<block v-for="(item, index) in datalist" :key="index">
						<view @tap="gotostoredes(item.id)">
							<view class="ind_busbox flex1 flex-row">
								<view class="ind_buspic flex0">
									<image :src="imgurl+item.pic"></image>
								</view>
								<view class="" style="flex: 1;">
									<view class="bus_title">{{item.name}}</view>
									<!-- <view class="bus_sales" v-if="showviewnum">浏览：{{item.viewnum}}</view>
									<view class="bus_sales" v-else>人气：{{item.sales}}</view> -->
									<view class="bus_sales">
										{{item.gzstatus==1?'已关注':''}}
										<!-- <uni-fav :checked="checkList1" :content-text="contentText"
											@tap.stop="favClick()" /> -->
									</view>
									<view class="bus_score">
										<!-- 				<image class="img" v-for="(item2,index2) in [0,1,2,3,4]"
											:src="'/static/images/star' + (item.comment_score>item2?'2':'') + '.png'" /> -->
										<image class="img" v-for="(item2,index2) in [0,1,2,3,4]"
											src='/static/images/star2.png' />
										<view class="txt">5.0分</view>
									</view>
									<view class="bus_address" v-if="item.address">
										<!-- <image src="/static/images/b_addr.png"
											style="width:26rpx;height:26rpx;margin-right:10rpx; vertical-align: sub;" /> -->
										<text class="x1">地址 : {{item.address}}</text>
									</view>
									<view class="bus_address" v-if="item.address">
										<text class="x1">距离 : {{getRoundedNumber(item.distance) }}</text>
									</view>
									<view class="bus_sales_dh" @tap.stop="openLocation(item)">
										<button class="mini-btn" type="primary" size="mini"
											style="height: 40upx;width: 60upx;line-height: 40upx; font-size: 20upx;padding: 0 5upx;">导
											航</button>
									</view>
									<!-- <view class="bus_address" v-if="item.tel" @tap.stop="phone" :data-phone="item.tel">
										<image src="/static/images/b_tel.png"
											style="width:26rpx;height:26rpx;margin-right:10rpx" /><text
											class="x1">联系电话：{{item.tel}}</text>
									</view> -->
									<block v-if="showtype == 0">
										<view class="currentScroll" style="width: 510rpx; overflow-x: scroll;">
											<!-- 	<view class="prolist"
												v-if="(item.prolist).length > 0 || (item.restaurantProlist && (item.restaurantProlist).length > 0)">
												<view v-for="(item2, index2) in item.prolist" class="product"
													@tap.stop="goto" :data-url="'/pages/shop/product?id=' + item2.id">
													<image class="f1" :src="item2.pic" mode="aspectFill"></image>
													<view class="f2">￥{{item2.sell_price}}/天</view>
												</view>
												<block
													v-if="item.restaurantProlist && (item.restaurantProlist).length > 0">
													<view v-for="(item3, index3) in item.restaurantProlist"
														:key="index3" class="product" @tap.stop="goto"
														:data-url="'/restaurant/takeaway/product?id=' + item3.id">
														<image class="f1" :src="item3.pic"></image>
														<view class="f2">￥{{item3.sell_price}}</view>
													</view>
												</block>
											</view> -->
										</view>
									</block>
									<block v-if="showtype == 1">
										<view class="prolist2"
											v-if="(item.prolist).length > 0 || (item.restaurantProlist && (item.restaurantProlist).length > 0)">
											<view v-for="(item2, index2) in item.prolist" class="product"
												@tap.stop="goto" :data-url="'/pages/shop/product?id=' + item2.id">
												<image class="f1" :src="item2.pic"></image>
												<view class="f2">￥{{item2.sell_price}}</view>
												<view class="f3" v-if="item2.market_price">￥{{item2.market_price}}
												</view>
												<view class="f4">已售{{item2.sales}}件</view>
												<view class="f5" @click.stop="buydialogChange" :data-proid="item2.id">
													<text class="iconfont icon_gouwuche"></text>
												</view>
											</view>
										</view>
									</block>
								</view>
							</view>
						</view>
					</block>
					<nomore v-if="nomore"></nomore>
					<nodata v-if="nodata"></nodata>
				</view>
			</view>
			<buydialog v-if="buydialogShow" :proid="proid" @addcart="addcart" @buydialogChange="buydialogChange"
				:menuindex="menuindex"></buydialog>
		</block>
		<loading v-if="loading"></loading>
		<dp-tabbar :opt="opt"></dp-tabbar>
		<popmsg ref="popmsg"></popmsg>
	</view>
</template>

<script>
	import {
		getbranchlist,
		getshopfollowlist
	} from '../../utils/new_file.js'
	import storeskeleton from './storeskeleton/storeskeleton.vue'
	var app = getApp();
	var util = require('@/components/WSCoordinate.js')
	export default {
		components: {
			storeskeleton
		},
		data() {
			return {
				// opt: {},
				loading: false,
				// isload: false,
				// menuindex: -1,

				// pre_url: app.globalData.pre_url,
				// field: 'juli',
				// order: 'asc',
				// oldcid: "",
				// catchecid: "",
				// longitude: '',
				// latitude: '',
				// clist: [],
				datalist: [],
				opt: {
					pageSize: 10,
					pageNum: 1,
					total: 0
				},
				imgurl: '',
				// contentText: {
				// 	contentDefault: '关注',
				// 	contentFav: '已关注'
				// },
				// checkList1: false,
				// pagenum: 1,
				keyword: '',
				// cid: '',
				// nomore: false,
				nodata: false,
				// types: "",
				// showfilter: "",
				showtype: 0,
				// buydialogShow: false,
				// proid: 0,
				// showviewnum: false,
			};
		},
		onShow: function(e) {
			// if (this.product.product_type == 1) {
			// 	uni.$emit('getglassrecord');
			// }
			this.imgurl = app.globalData.imgUrl
			this.opt.pageNum = 1
			this.opt.pageSize = 10
			this.opt.total = 0
			this.datalist = []
			this.getbranchlistfun()
		},
		onLoad: function(opt) {
			// this.opt = app.getopts(opt);
			// this.oldcid = this.opt.cid;
			// this.catchecid = this.opt.cid;
			// this.cid = this.opt.cid;
			// if (this.opt.keyword) {
			// 	this.keyword = this.opt.keyword;
			// }
			// this.getdata();
		},
		onPullDownRefresh: function() {
			if (!this.loading) {
				this.opt.pageNum = 1
				this.opt.pageSize = 10
				this.opt.total = 0
				this.datalist = []
				this.getbranchlistfun(() => {
					uni.stopPullDownRefresh()
				});
			} else {
				uni.stopPullDownRefresh()
			}

			// setTimeout(() => {
			//     uni.stopPullDownRefresh()
			//    }, 2000)
		},
		onReachBottom() {
			console.log(this.opt.pageNum, this.opt.total / this.opt.pageSize);
			if (this.opt.pageNum >= this.opt.total / this.opt.pageSize) {
				console.log('mey');
			} else {
				this.opt.pageNum++
				this.getbranchlistfun()
			}
		},
		created() {
			// this.getbranchlistfun()
		},
		methods: {
			search() {
				//每次搜索门店前清空
				this.datalist = []
				this.getbranchlistfun()
			},
			getbranchlistfun(back) {
				this.loading = true;
				// let location = uni.getStorageSync('locationInfo')
				// try {
				// 	const location = await new Promise((resolve, reject) => {
				// 		uni.getLocation({
				// 			type: 'gcj02',
				// 			isHighAccuracy: true,
				// 			success: res => {
				// 				resolve({
				// 					longitude: res.longitude,
				// 					latitude: res.latitude
				// 				});
				// 			},
				// 			fail: err => {
				// 				reject(err);
				// 			}
				// 		});
				// 	});

				// console.log('statre',this.$store.state.location[1]);
				// this.$store.watch(
				//   state => state.location,
				// async  (newVal, oldVal) => {
				// 	console.log(newVal, oldVal,'yy');
				//     if (newVal) {
				//       // 当位置信息更新时，可以在这里做处理
				//       console.log('位置信息已更新:', newVal)

				uni.getLocation({
					type: 'gcj02',
					isHighAccuracy: true,
					success: res => {
						console.log(res,'res');
						// 将GCJ-02(火星坐标)转为百度坐标
						var result2 = util.transformFromGCJToBaidu(res.latitude, res.longitude);
						console.log(result2, 'result2');
						// 在获取位置信息后执行网络请求
						getbranchlist({
							userLng: result2.longitude,
							userLat: result2.latitude,
							name: this.keyword,
							uniacid: '',
							pageSize: this.opt.pageSize,
							pageNum: this.opt.pageNum
						}).then(data => {
							getshopfollowlist(uni.getStorageSync('useinfo').id).then(data2 => {
								console.log(data2);
								if (data.data.code == 200) {
									// this.datalist = data.data.rows;
									this.opt.total = data.data.total
									this.datalist = [...this.datalist, ...data.data.rows]

									if (data2.data.rows.length != 0) {
										// 遍历第一个数组对象
										this.datalist.forEach(function(obj1) {
											// 在第二个数组对象中查找具有相同ID的对象
											var obj2 = data2.data.rows.find(function(
												obj) {
												return obj.branchId === obj1
													.id;
											});

											// 如果找到相同ID的对象，则将其属性值传递给第一个数组对象中的相应对象
											if (obj2) {
												obj1.gzstatus = obj2
													.status; // 这里假设要传递的属性为'value'，您可以根据实际情况修改
											}
										});
									}
									this.loading = false;
									if (this.datalist.length == 0) {

										this.nodata = true
									} else {
										this.nodata = false
									}
								} else {
									this.nodata = true
								}
							})

						});

					},
					fail: err => {
						reject(err);
					}
				});

				if (back != undefined) {
					back()
				}
				//     }
				//   },
				//   { deep: true } // 深度监听对象变化
				// )


				// } catch (error) {
				// 	console.log('Error occurred while getting location or fetching data:', error);
				// }
			},
			// 关注
			// favClick(index) {
			// 	this.checkList1 = !this.checkList1
			// 	// console.log(this.checkList[index]);
			// 	this.$forceUpdate()
			// },
			// 过滤向上取整
			getRoundedNumber(value) {
				// 确保值为数字
				value = parseFloat(value);

				// 将值转换为以km为单位的字符串，并保留一位小数
				return (value / 1000).toFixed(1) + ' km';
			},
			gotostoredes(id) {
				// console.log(id);
				uni.navigateTo({
					url: '/pagesA/storedetails/storedetails?id=' + id
				})
			},
			// getdata: function() {
			// 	var that = this;
			// 	that.loading = true;
			// 	app.get('ApiBusiness/blist', {}, function(res) {
			// 		that.loading = false;
			// 		that.clist = res.clist;
			// 		that.showtype = res.showtype || 0;
			// 		that.showviewnum = res.showviewnum || false;
			// 		that.loaded();
			// 	});
			// 	that.getDataList();
			// 	app.getLocation(function(res) {
			// 			var latitude = res.latitude;
			// 			var longitude = res.longitude;
			// 			that.longitude = longitude;
			// 			that.latitude = latitude;
			// 			that.getDataList();
			// 		},
			// 		function() {
			// 			that.getDataList();
			// 		});
			// },
			// getDataList: function(loadmore) {
			// 	if (!loadmore) {
			// 		this.pagenum = 1;
			// 		this.datalist = [];
			// 	}
			// 	var that = this;
			// 	var pagenum = that.pagenum;
			// 	var latitude = that.latitude;
			// 	var longitude = that.longitude;
			// 	var keyword = that.keyword;
			// 	that.loading = true;
			// 	that.nodata = false;
			// 	that.nomore = false;
			// 	app.post('ApiBusiness/blist', {
			// 		pagenum: pagenum,
			// 		cid: that.cid,
			// 		field: that.field,
			// 		order: that.order,
			// 		longitude: longitude,
			// 		latitude: latitude,
			// 		keyword: keyword
			// 	}, function(res) {
			// 		that.loading = false;
			// 		uni.stopPullDownRefresh();
			// 		var data = res.data;
			// 		if (pagenum == 1) {
			// 			that.datalist = data;
			// 			if (data.length == 0) {
			// 				that.nodata = true;
			// 			}
			// 		} else {
			// 			if (data.length == 0) {
			// 				that.nomore = true;
			// 			} else {
			// 				var datalist = that.datalist;
			// 				var newdata = datalist.concat(data);
			// 				that.datalist = newdata;
			// 			}
			// 		}
			// 	});
			// },
			// // 打开窗口
			// showDrawer(e) {
			// 	console.log(e)
			// 	this.$refs[e].open()
			// },
			// // 关闭窗口
			// closeDrawer(e) {
			// 	this.$refs[e].close()
			// },
			// // 抽屉状态发生变化触发
			// change(e, type) {
			// 	console.log((type === 'showLeft' ? '左窗口' : '右窗口') + (e ? '打开' : '关闭'));
			// 	this[type] = e
			// },
			// cateClick: function(e) {
			// 	var that = this;
			// 	var cid = e.currentTarget.dataset.cid;
			// 	that.catchecid = cid
			// },
			// filterConfirm() {
			// 	this.cid = this.catchecid;
			// 	this.gid = this.catchegid;
			// 	this.getDataList();
			// 	this.$refs['showRight'].close()
			// },
			// filterReset() {
			// 	this.catchecid = this.oldcid;
			// 	this.catchegid = '';
			// },
			// filterClick: function() {
			// 	this.showfilter = !this.showfilter
			// },
			// changetab: function(e) {
			// 	var that = this;
			// 	var cid = e.currentTarget.dataset.cid;
			// 	that.cid = cid
			// 	that.pagenum = 1;
			// 	that.datalist = [];
			// 	that.getDataList();
			// },
			// search: function(e) {
			// 	var that = this;
			// 	var keyword = e.detail.value;
			// 	that.keyword = keyword;
			// 	that.pagenum = 1;
			// 	that.datalist = [];
			// 	that.getDataList();
			// },
			// sortClick: function(e) {
			// 	var that = this;
			// 	var t = e.currentTarget.dataset;
			// 	that.field = t.field;
			// 	that.order = t.order;
			// 	that.getDataList();
			// },
			// filterClick: function(e) {
			// 	var that = this;
			// 	var types = e.currentTarget.dataset.types;
			// 	that.types = types;
			// },
			openLocation: function(item) {
				console.log(item)


				var result3 = util.transformFromBaiduToGCJ(item.lat, item.lng);
				console.log(result3);
				var latitude = parseFloat(result3.latitude)
				var longitude = parseFloat(result3.longitude)
				var address = item.address
				uni.openLocation({
					latitude: latitude,
					longitude: longitude,
					name: address,
					scale: 13
				})
			},
			// phone: function(e) {
			// 	var phone = e.currentTarget.dataset.phone;
			// 	uni.makePhoneCall({
			// 		phoneNumber: phone,
			// 		fail: function() {}
			// 	});
			// },
			// buydialogChange: function(e) {
			// 	if (!this.buydialogShow) {
			// 		this.proid = e.currentTarget.dataset.proid
			// 	}
			// 	this.buydialogShow = !this.buydialogShow;
			// 	console.log(this.buydialogShow);
			// },
		}
	};
</script>
<style>
	.search-container {
		position: fixed;
		width: 100%;
		background: #fff;
		z-index: 9;
		top: var(--window-top)
	}

	.topsearch {
		width: 100%;
		padding: 16rpx 20rpx;
	}

	.topsearch .f1 {
		height: 60rpx;
		border-radius: 30rpx;
		border: 0;
		background-color: #f7f7f7;
		flex: 1
	}

	.topsearch .f1 .img {
		width: 24rpx;
		height: 24rpx;
		margin-left: 10px
	}

	.topsearch .f1 input {
		height: 100%;
		flex: 1;
		padding: 0 20rpx;
		font-size: 28rpx;
		color: #333;
	}

	.topsearch .search-btn {
		display: flex;
		align-items: center;
		color: #5a5a5a;
		font-size: 30rpx;
		width: 60rpx;
		text-align: center;
		margin-left: 20rpx
	}

	.search-navbar {
		display: flex;
		text-align: center;
		align-items: center;
		padding: 5rpx 0
	}

	.search-navbar-item {
		flex: 1;
		height: 70rpx;
		line-height: 70rpx;
		position: relative;
		font-size: 28rpx;
		font-weight: bold;
		color: #323232
	}

	.search-navbar-item .iconshangla {
		position: absolute;
		top: -4rpx;
		padding: 0 6rpx;
		font-size: 20rpx;
		color: #7D7D7D
	}

	.search-navbar-item .icondaoxu {
		position: absolute;
		top: 8rpx;
		padding: 0 6rpx;
		font-size: 20rpx;
		color: #7D7D7D
	}

	.search-navbar-item .iconshaixuan {
		margin-left: 10rpx;
		font-size: 22rpx;
		color: #7d7d7d
	}

	.filter-scroll-view {
		margin-top: var(--window-top)
	}

	.search-filter {
		display: flex;
		flex-direction: column;
		text-align: left;
		width: 100%;
		flex-wrap: wrap;
		padding: 0;
	}

	.filter-content-title {
		color: #999;
		font-size: 28rpx;
		height: 30rpx;
		line-height: 30rpx;
		padding: 0 30rpx;
		margin-top: 30rpx;
		margin-bottom: 10rpx
	}

	.filter-title {
		color: #BBBBBB;
		font-size: 32rpx;
		background: #F8F8F8;
		padding: 60rpx 0 30rpx 20rpx;
	}

	.search-filter-content {
		display: flex;
		flex-wrap: wrap;
		padding: 10rpx 20rpx;
	}

	.search-filter-content .filter-item {
		background: #F4F4F4;
		border-radius: 28rpx;
		color: #2B2B2B;
		font-weight: bold;
		margin: 10rpx 10rpx;
		min-width: 140rpx;
		height: 56rpx;
		line-height: 56rpx;
		text-align: center;
		font-size: 24rpx;
		padding: 0 30rpx
	}

	.search-filter-content .close {
		text-align: right;
		font-size: 24rpx;
		color: #ff4544;
		width: 100%;
		padding-right: 20rpx
	}

	.search-filter button .icon {
		margin-top: 6rpx;
		height: 54rpx;
	}

	.search-filter-btn {
		display: flex;
		padding: 30rpx 30rpx;
		justify-content: space-between
	}

	.search-filter-btn .btn {
		width: 240rpx;
		height: 66rpx;
		line-height: 66rpx;
		background: #fff;
		border: 1px solid #e5e5e5;
		border-radius: 33rpx;
		color: #2B2B2B;
		font-weight: bold;
		font-size: 24rpx;
		text-align: center
	}

	.search-filter-btn .btn2 {
		width: 240rpx;
		height: 66rpx;
		line-height: 66rpx;
		border-radius: 33rpx;
		color: #fff;
		font-weight: bold;
		font-size: 24rpx;
		text-align: center
	}

	.ind_business {
		width: 100%;
		margin-top: 190rpx;
		font-size: 26rpx;
		padding: 0 24rpx
	}

	.ind_business .ind_busbox {
		width: 100%;
		background: #fff;
		padding: 20rpx;
		overflow: hidden;
		margin-bottom: 20rpx;
		border-radius: 8rpx;
		position: relative
	}

	.ind_business .ind_buspic {
		width: 120rpx;
		height: 120rpx;
		margin-right: 28rpx;
	}

	.ind_business .ind_buspic image {
		width: 100%;
		height: 100%;
		border-radius: 8rpx;
		object-fit: cover;
	}

	.ind_business .bus_title {
		font-size: 30rpx;
		color: #222;
		font-weight: bold;
		line-height: 46rpx
	}

	.ind_business .bus_score {
		font-size: 24rpx;
		color: #FC5648;
		display: flex;
		align-items: center
	}

	.ind_business .bus_score .img {
		width: 24rpx;
		height: 24rpx;
		margin-right: 10rpx
	}

	.ind_business .bus_score .txt {
		margin-left: 20rpx
	}

	.ind_business .indsale_box {
		display: flex
	}

	.ind_business .bus_sales {
		font-size: 24rpx;
		color: #999;
		position: absolute;
		top: 20rpx;
		right: 20rpx
	}

	.ind_business .bus_sales_dh {
		font-size: 24rpx;
		color: #999;
		position: absolute;
		bottom: 0rpx;
		right: 20rpx
	}

	.ind_business .bus_address {
		color: #999;
		font-size: 22rpx;
		height: 36rpx;
		line-height: 36rpx;
		margin-top: 6rpx;
		display: flex;
		align-items: center;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.ind_business .bus_address .x2 {
		padding-left: 20rpx
	}

	.ind_business .prolist {
		white-space: nowrap;
		margin-top: 16rpx;
		margin-bottom: 10rpx;
	}

	.ind_business .prolist .product {
		width: 108rpx;
		height: 160rpx;
		overflow: hidden;
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		margin-right: 24rpx
	}

	.ind_business .prolist .product .f1 {
		width: 108rpx;
		height: 108rpx;
		border-radius: 8rpx;
		background: #f6f6f6
	}

	.ind_business .prolist .product .f2 {
		font-size: 22rpx;
		color: #FC5648;
		font-weight: bold;
		margin-top: 4rpx
	}

	.ind_business .prolist2 {
		margin-top: 16rpx;
		margin-bottom: 10rpx;
	}

	.ind_business .prolist2 .product {
		width: 118rpx;
		overflow: hidden;
		display: inline-flex;
		flex-direction: column;
		margin-right: 10rpx;
		position: relative;
		min-height: 200rpx;
		padding-bottom: 20rpx
	}

	.ind_business .prolist2 .product .f1 {
		width: 118rpx;
		height: 118rpx;
		border-radius: 8rpx;
		background: #f6f6f6
	}

	.ind_business .prolist2 .product .f2 {
		font-size: 26rpx;
		color: #FC5648;
		font-weight: bold;
		margin-top: 4rpx;
	}

	.ind_business .prolist2 .product .f3 {
		font-size: 22rpx;
		font-weight: normal;
		color: #aaa;
		text-decoration: line-through;
	}

	.ind_business .prolist2 .product .f4 {
		font-size: 20rpx;
		font-weight: normal;
		color: #888;
	}

	.ind_business .prolist2 .product .f5 {
		width: 48rpx;
		height: 48rpx;
		border-radius: 50%;
		position: absolute;
		display: relative;
		top: 140rpx;
		right: 0rpx;
		text-align: center;
	}

	.ind_business .prolist2 .product .f5 .icon_gouwuche {
		font-size: 28rpx;
		height: 48rpx;
		line-height: 48rpx
	}

	.ind_business .prolist2 .product .f5 .img {
		width: 100%;
		height: 100%
	}

	.currentScroll::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}

	.currentScroll {
		-ms-overflow-style: none;
	}

	.currentScroll {
		overflow: -moz-scrollbars-none;
	}
</style>